
<template>
	<div id="boxx">
		
            <input type="text" placeholder="手机/邮箱/用户名">
            <input type="password" placeholder="密码">
	</div>
</template>

<script>
export default {
		data() {
			return {

			}
		},
		methods: {
			//事件
		},
		mounted(){
			//原生js
		}
	}
</script>

<style scoped lang="less">
  .px2rem(@name, @px){
    @{name}: @px / 37.5 * 1rem;
  }
  #boxx{
      position: relative;
      width:85vw;
      margin: 0 auto;
      display: flex;
      flex-direction:column;
      .px2rem(font-size,15);
      &>*{
          .px2rem(margin-bottom,16)
      }
      input{
          .px2rem(height,45);
          text-indent: 0.8em;
          border: 1px solid #ccc;
          border-radius:10px; 
      }
  }

</style>